@charset "utf-8";  

.write{
	.w_Top{
		position: fixed;
		top: 0;
		left: 0;
		width: 100%;
		height: 50px;
		box-shadow: 0 4px 8px 0 #ccc;
		z-index: 2;
		background: #fff;
		.w_TopMain{
			padding: 0 20px;
			display: flex;
			flex-direction: row;
			justify-content: space-between;
			align-items: center;
			height: 100%;
			>dt{
				ul{
					display: flex;
					flex-direction: row;
					align-items: center;
					list-style: none;
					li{
						margin-right: 30px;
						svg{
							width: 16px;
							height: 16px;
							cursor: pointer;
							display: block; 
						}
						svg:hover path{
							fill:#4A25BA;
						}
					}
				}
			}
			
			>dd{
				display: flex;
				flex-direction: row;
				.txImg{
					height: 30px;
					height: 30px;
					border-radius: 50%;
					overflow: hidden;
					margin-right: 10px;
					cursor: pointer;
					img{
						display: block;
						width: 30px;
						height: 30px;
					}
				}
				>ul{
				  display: flex;
				  flex-direction: row;
					list-style: none;
					li{
						margin-left: 12px;
						cursor: pointer;
						span{ 
							border: 1px solid #DCDFE6;
							color: #606266;
							display: block;
							border-radius: 3px;
							font-size: 12px;
							height: 28px;
							line-height: 28px;
							padding: 0 15px;
						}
					}
					
					li:first-child span{
						    color: #FFF;
						    background-color: #4A25BA;
						    border-color: #4A25BA;
					}
				}
			}
		}
	}
	.w_Left{ 
		position: fixed;
		top: 50px;
		left: 0;
		z-index: 1;
		background: #fff; 
		min-width: 70px;
		display: flex;
		flex-direction: row;
		box-shadow: 0 2px 8px 0 #efefef;
		.resize-btn{
			width: 16px;
			height: 72px;
			position: absolute;
			top: 0;
			bottom: 0;
			right: -16px;
			margin: auto;
			background: #e1e1e1;
			z-index: 2;
			cursor: pointer;
			border-radius: 0 100px 100px 0;
			display: flex;
			flex-direction: row;
			justify-content: center;
			align-items: center;
			svg{
				width: 16px;
				height: 16px; 
				path{ 
					fill: #000;  
				}
			}
		}
		
		.xzBtn svg{
			transform: rotateZ(180deg);
		}
		
		.resize-btn:hover{
			background: #4a25ba;
			svg{
				path{ 
					fill: #fff; 
				}

			}
		}
		
		.w_Left_L{
			width: 70px; 
			background: #fff;
			ul{
				overflow: hidden;
				padding: 20px 0;
					list-style: none;
				li{
					//padding: ;
					display: flex;
					flex-direction: column;
					align-items: center;
					margin:12px 0;
					cursor: pointer;
					position: relative;
					.tu{
						width: 24px;
						img{
							display: block;
							width: 100%;
							//filter: grayscale(100%);
						}
					}
					.txt{
						span{
							display: block;
							    font-size: 14px;
							    //color: #1e1e1e;
							    color: #4a25ba;
							    letter-spacing: .27px;
							    line-height: 14px;
							    margin-top: 6px;
								font-weight: bolder;
						}
					}
				}
				
				li:after{
					content: "";
					position: absolute;
					top: 0;
					left: 0;
					width: 4px;
					height: 100%;
					background:#4a25ba;
				}
			}
		}
		.w_Left_R{ 
			border-left: 1px solid #f8f8f8; 
		    transition: .3s;
			overflow: hidden;
			.w_Left_R_Main{
				.w_Left_R_Main_ul{
					list-style: none;
					>li{
						.sucai{
							.search{
									padding: 30px 0;
									border-bottom: 1px solid #f8f8f8;
									display: flex;
									flex-direction: row;
									justify-content: center;
									dt{
										input{
											display: block;
											width: 300px;
											height: 38px;
											border: 1px solid #999;
											border-right: none;
											box-shadow: none;
											outline: none;
											border-radius: 4px 0 0 4px;
											padding: 0 15px;
											color: #333;
											font-size: 14px;
										}
										
										input::placeholder{
											color: #ccc;
											font-size: 14px;
										}
										
										input:focus{
											border-color:#4a25ba;
										}
									}
									dd{
										background:#4a25ba;
										cursor: pointer;
										height: 40px;
										padding: 0 30px;
										display: flex;
										flex-direction: column;
										justify-content: center;
										border-radius: 0 4px 4px 0;
										img{
											display: block;
											width: 24px;
											height: 24px;
										}
									}
							}
							
						}
						
						.sucaiBot{
							.sucaiBotMain{
								.sucaiSearch{
									display: flex;
									flex-direction: row;
									justify-content: space-between;
									.sear_Time,.sear_Px{
										display: flex;
										flex-direction: row;
										border-bottom:1px solid #f8f8f8;
										//background:#f8f8f8;
										padding: 5px;
										dt{
											color: #4a25ba;
											font-size: 15px;
											line-height: 24px;
											font-weight: bolder;
										}
										dd{
											display: flex;
											flex-direction: row;
											div{
												margin-right: 5px;
												cursor: pointer;
												span{
													display: block;
													color: #666;
														font-size: 15px;
														line-height: 24px;
													
												}
											}
											
											.hotTimeAc{
												span{
													color: #4a25ba;
													font-weight: bolder;
												}
											}
										}
									}
								}
								.t{
									.cate{
										display: flex;
										flex-direction: row;
										list-style: none;	
										padding-top: 10px;
										li{
											flex: 1; 
											span{
												display: block;
												text-align: center;
												font-size: 14px;
												line-height: 24px;
												height: 24px;
												cursor: pointer;
												border-bottom: 2px solid transparent;
											}
										}
										
										.cateAc{
											span{
												color: #4a25ba !important;
												border-color:#4a25ba;
												font-weight: bolder;
											}
										}
									}
								
									.cateTime{
										display: flex;
										flex-direction: row;
										//border-bottom:1px solid #f8f8f8;
										background:#f8f8f8;
										padding: 5px;
										dt{
											color: #4a25ba;
											font-size: 15px;
											line-height: 24px;
											font-weight: bolder;
										}
										dd{
											display: flex;
											flex-direction: row;
											div{
												margin-right: 5px;
												cursor: pointer;
												span{
													display: block;
													color: #666;
														font-size: 15px;
														line-height: 24px;
													
												}
											}
											
											.hotTimeAc{
												span{
													color: #4a25ba;
													font-weight: bolder;
												}
											}
										}
									}	
								}
								.hot_b{
									overflow-y: auto;
									
								}
								.hot_con{
									padding: 15px 30px;
									overflow-y: auto;
									dt{
										display: flex;
										flex-direction: row;
										justify-content: space-between;
										ul{ 
											display: flex;
											flex-direction: row;
											list-style: none;
											li{
												span{
													display: block;
													font-weight: bolder;
													font-size: 15px;
													line-height: 24px;
													color: #4a25ba;
													cursor: pointer;
												}
											}
										}
										.fhBtn{
										   display: flex;
										   flex-direction: row;
										   cursor: pointer;
										   align-items: center;
										   .t{
										   	//margin-right: 5px;
										   	height: 24px;
										   	display: flex;
										   	flex-direction: row;
										   	align-items: center;
										   	svg{
										   		transform: rotateZ(180deg);
										   		width: 16px;
										   		height: 16px;
										   	}
										   }
										   .txt{
										   	color: #000;
										   	font-size: 16px;
										   	line-height: 24px;
										   }
										}
										
									}
									dd{
										margin-top: 15px;
										.tit{
											color: #000;
											font-size: 20px;
											line-height: 24px;
											font-weight: bolder;
										}
										.con{
											color: #000;
											font-size:14px;
											line-height: 20px;
											margin-top: 15px;
										}
									}
								}
							
							
								.s_bot{
									overflow-y: auto;
									.fir_zx_News_ul{
										padding: 15px;
										list-style: none;
										li{
											padding: 10px;
											border-radius: 5px;
											box-shadow: 0 0 5px #efefef;
											transition: .3s;
											margin: 10px 0;
											cursor: pointer;
											.topTitle{
												.tit{
													span{
														display: block;
														font-size: 16px;
														font-weight: bolder;
														line-height: 24px;
													}
												}
											}
											
											.txtCon{
												padding: 5px 0;
												
												span{
													display: block;
													font-size: 14px; 
														line-height: 20px;
													
												}
											}
											.txtBot{
												display: flex;
												flex-direction: row;
												justify-content: space-between;
												dt{
													font-size: 13px; 
														line-height: 24px;
													
												}
												dd{
													font-size: 13px; 
														line-height: 24px;
													
												}
											}
										}
										
										li:hover{
											box-shadow: 0 0 12px #ccc;
										}
									}
								}	
							}
								
							
						}
					}
				}
			}
		}
		
	}
	.w_Right{
		min-width: 500px;
		transition: .3s;
		position: fixed;
		top: 50px; 
		z-index: 0;
		background: #f8f8fb;
		overflow-y: auto;
		.w_RightMain{
			padding:54px 80px;
			.w_RightMain_container{
				//min-width: 1200px;
			}
		}
	}

	.w_mask{
		position: fixed;
		top: 0;
		left: 0;
		z-index: 10;
		width: 100%;
		height: 100%;
		//background: rgba(0,0,0,.3);
		background: #fff; 
		flex-direction: row;
		justify-content: center;
		align-items: center;
		.w_pop{
			border-radius: 3px;
			width: 70%;
			min-width: 100px;
			background: #fff;
			padding: 30px;
			box-shadow: 0 0 4px #efefef;
			.t{
				    font-size: 14px;
				    color: #050121;
				    letter-spacing: .23px;
				    line-height: 18px;
				    margin-bottom: 20px;
					text-align: center;
			}
			.m{
				    font-size: 13px;
				    color: #4a25ba;
				    letter-spacing: .21px;
				    line-height: 13px;
				    margin: 25px;
					text-align: center;
			}
			.b{
				    background: #4a25ba;
				    border-radius: 30px;
				    width: 108px;
				    height: 30px;
					line-height: 30px;
				    border: none;
				    display: block;
				    margin: auto;
				    font-size: 12px;
				    color: #fff;
				    letter-spacing: 1.5px; 
					text-align: center;
					cursor: pointer;
			}
		}
	}



}
 

.mbNavBg,.w_mask{
	display: none;
}


@media screen and (max-width:767px) {
	.w_mask{
		display: flex;
	}
	.mbNavBg{
		display: block;
		position: fixed;
		top: 0;
		left: 0;
		background: #fff;
		width: 100%;
		z-index: 10;
		.mbNav{
			padding: 10px 15px;
			display: flex;
			flex-direction: row;
			justify-content: space-between;
				box-shadow: 0 3px 5px #ccc;
			.logo{
				height: 40px;
				cursor: pointer;
				img{
					display: block;
					height: 100%;
				}
			}
			.mb_btn{
				width: 40px;
				height: 40px;
				display: flex;
				flex-direction: row;
				justify-content: center;
				align-items: center;
				cursor: pointer;
				img{
					display: block;
					width: 30px;
					height: 30px;
				}
			}
		}
		.mbNavBotBg{
			position: fixed;
			top: 60px;
			left: 0;
			width: 100%;
			background: #fff;
			border-top: 1px solid #efefef;  
			ul{
				background: #fff;  
				padding-bottom: 10px;
				list-style: none;
				li{
					display: flex;
					flex-direction: row;
					justify-content: center;
					padding: 15px 0;
					position: relative;
					span{
						display: block;
						color: #2489f2;
						font-size: 16px;
						height: 24px;
						line-height: 24px;
						font-weight: bolder;
						cursor: pointer;
					}
				}
				li.mbNavAc:after{
					content: "";
					position: absolute;
					left: 0;
					right: 0;
					bottom:5px;
					width: 30px;
					height: 2px;
					border-radius: 2px;
					background: #2489f2;
					margin: auto;
				}
			}
			.mb_uInfo{
				padding: 10px 0;
				box-shadow: 0 3px 5px #ccc;
				background: #f6f7f9;
					display: flex;
					flex-direction: row;
					justify-content: center;
					align-items: center;
					.log_reg{
						color: #2489f2;
						font-size: 15px;
						line-height: 24px;
						cursor: pointer;
					}
					
				dt{
					display: flex;
					flex-direction: row;
					justify-content: center;
					align-items: center;
					.tu{
						    height: 24px;
						    margin-right: 5px;
							img{
								    display: block;
								    width: 24px;
								    height: 24px;
								    border-radius: 50%;
								    overflow: hidden;
							}
					}
					span{
						    display: block;
						    line-height: 24px;
						    height: 24px;
						    color: #2c8eff;
						    font-size: 15px;
					}
				}
				dd{
					display: flex;
					flex-direction: row;
					justify-content: center;
					//margin-top: 10px;
					margin-left: 10px;
					span{
						width: 100px;
						text-align: center;
						border: 1px solid #2c8eff;
						font-size: 15px;
						color: #2c8eff;
						height: 30px;
						margin: 0 auto;
						line-height: 30px;
						border-radius: 20px;
						cursor: pointer;
					}
				}
			}
		}
		
	}	
}

.fir_hot_ul{
										padding: 0 10px;
										li{
											display: flex;
											flex-direction: row;
											justify-content: space-between;
											padding: 5px 0;
											cursor: pointer;
											.left{
												display: flex;
												flex-direction: row;
												align-items: center;
												.dot{
													width: 16px;
													height: 16px; 
													color: #000;
													font-size: 12px;
													text-align: center;
													line-height: 16px;
													background: #ebebeb;
												}
												.tit{
													margin-left: 5px;
												   span{
												   	   display: block;
													   color: #000;
													   font-size: 14px;
													   line-height: 24px;
												   }
												}
												
												.dot_00{
													background: #fc4c46;
													color: #fff;
												}
												.dot_01{
													background: #ff9200;
													color: #fff;
												}
												.dot_02{
													background: #ffbf00;
													color: #fff;
												}
												
											}
											.right{
												span{
													display: block;
													color: #666;
													font-size: 14px;
													line-height: 24px;
													
												}
											}
										}
										
										li:hover .left{
											.tit{
												span{
													color: #4a25ba;
												}
											}
										}
									}
									
									
.mainR{
	position: fixed;
	top: 50px; 
	width: 430px;
	transition: .3s;
	background-color: #fff; 
	box-shadow: 0 2px 8px 0 #efefef;
	display: flex;
	flex-direction: row;
	
	
		.L{
			width: 305px;
			border-right:1px solid #f5f5f5; 
			.LCon{
			    display: flex;
			    flex-direction: column;
			    justify-content: center;
			    align-items: center;
				height: 100%;
				width: 200px; 
				margin:auto;
				img{
					display: block;
					width: 100px; 
				}
				span{
					color: #333;
					margin-top: 8px;
					display: block;
					text-align: center;
					font-size: 13px;
					line-height: 20px;
				}
				div{
					    color: #999;
					    font-size: 12px;
					    margin-top: 8px; 
					    text-align: center;
				}
			}
			
			.LCon_00{ 
				.LCon_TopBg{
					padding: 20px 20px 8px;
					background-color: #fff;
					h3{
						font-size: 16px;
						font-weight: 700;
						margin-bottom: 29px;
						color: rgba(0,0,0,.85); 
						line-height: 1.5715;
					}
					ul{
						display: flex;
						flex-direction: row-reverse;
						list-style: none;
						li{
							color: #333;
							cursor: pointer;
							font-size: 12px;
							margin-left: 16px;
							line-height: 18px;
						}
						
						li:hover{
							color: #2468f2;
						}
					}
				}
			
				.LCon_BotBg{
					//background-color: #ff0;
					padding: 0 20px;
					overflow-y: auto;
					.LCon_Bot{
						li{
							background: #fff;
							border: 1px solid #fff;
							box-shadow: 0 0 8px 0 #efefef;
							cursor: pointer;
							display: flex; 
							flex-direction: row;
							justify-content: space-between;
							margin: 16px 0;
							border-radius: 4px; 
							padding: 12px;
							transition: .3s;
							.Le{
								h5{
									font-weight: normal;
									    color: #999;
									    font-size: 12px;
									    margin-bottom: 12px;
										line-height: 18px;
								}
								.txt_00{
									display: flex;
									flex-direction: row;
									align-items: center;
									strong{
										font-weight: normal;
										color: #f03b35;
										font-size: 14px;
										line-height: 22px;
										display: block;
									}
									svg{
										width: 16px;
										height: 16px;
										margin: 0 5px;
									}
									span{
										display: block;
										color: #000;
										font-size: 14px;
										line-height: 22px;
										
									}
								}
								
								.txt_01{
										color: #d39a00;
										font-size: 14px;
										line-height: 22px;
								}
							}
							.Ri{
								display: flex;
								flex-direction: row;
								align-items: center;
								dt,dd{
									width: 14px;
									height: 14px;
									padding: 3px;
									background-color: #f5f5f5;
									border-radius: 50%;
									margin-left: 10px;
									display: flex;
									flex-direction: row;
									justify-content: center;
									align-items: center;
									svg{
										width:13px;
										height:13px;
									}
								}
								
								dt:hover,dd:hover{
									background-color: rgba(36,104,242,.05); 
									svg{
										color: #2468f2 !important;
									}
								}
							}
						}
						
						li:hover{
							//border-color: #4a25ba;
							box-shadow: 0 0 14px 0 #ccc;
							
						}
					}
				}
			
			}
			
		}
		.R{
			width: 100px;
			padding: 0 12px;
			display: flex;
			flex-direction: column;
			justify-content: space-between;
			overflow: hidden;
			.Rt{
				overflow: hidden;
				li{
					margin-top: 15px;
					height: 61px;
					display: flex;
					flex-direction: column;
					justify-content: center;
					span{
						display: block;
						    font-size: 12px;
							margin-bottom: 3px; 
							color: #ccc; 
							text-align: center;
					}
					strong{
						display: block;
						    font-size: 18px;
						    font-weight: 700;
							color: #ccc; 
							text-align: center;
							line-height: 24px;
					}
				}
			}
			.c_00{
				li{
					cursor: pointer;
					span{
						color: #666;
					}
					strong{
						color: #000;
					}
				}
			}
			
			.c_00 li:hover{
				background-color: #f8f8f8;
			}
			
			.c_01{
				background-color: rgba(36,104,242,.05); 
				span{
					color: #2468f2 !important;
				}
				strong{
					color: #2468f2 !important;
				}  
			}
			
			.Rb{
				padding-bottom: 50px;
				a{
					display: block;
					    color: #999;
					    cursor: pointer;
					    font-size: 12px;
					    margin-bottom: 12px;
						text-align: center;
						text-decoration: none;
				}
			}
		}
	}									


		.resize-btn_R{
			width: 16px;
			height: 72px;
			position: absolute;
			top: 0;
			bottom: 0;
			left: -16px;
			margin: auto;
			background:#4a25ba;
			z-index: 2;
			cursor: pointer;
			border-radius:100px 0 0 100px;
			display: flex;
			//display: none;
			flex-direction: row;
			justify-content: center;
			align-items: center;
			svg{
				width: 16px;
				height: 16px; 
				transform: rotateZ(180deg);
				path{ 
					fill: #fff;  
				}
			}
		}
		
		.xzBtn{
			background: #e1e1e1 !important;
			svg{
				transform: rotateZ(0deg);
				path{ 
					fill: #000 !important;
				}
			}
		}
		
		.resize-btn_R:hover{
			background: #4a25ba !important;
			svg{
				path{ 
					fill: #fff !important;
				}

			}
		}

	.w_tcMask{
		background-color: rgba(0,0,0,.3);
		position: fixed;
		top: 0;
		left: 0;
		z-index:12;
		width: 100%;
		height: 100%;
	}

	.w_tcPopBg{
		position: fixed;
		top: 0;
		left: 0;
		z-index:12;
		width: 100%;
		height: 100%;
		display: flex;
		flex-direction: row;
		justify-content: center;
		align-items: center;
	}

	.w_tcPop{
		background-color: #fff;
		border-radius: 8px;
		padding: 15px;
	}

	.w_tcPop span{
		color: #000;
		font-size: 15px;
		line-height: 22px;
		text-align: center;
		display: block;
	}




							